<script setup>
import { ArrowRight } from '@element-plus/icons-vue'
defineProps({
  breadcround: {
    type: Array,
    default: () => []
  }
})
</script>

<template>
  <div class="breadClass">当前位置：
    <el-breadcrumb :separator-icon="ArrowRight" separator="/">

      <template v-for="item in breadcround" :key="item.name">
        <el-breadcrumb-item :to="{ path: item.url }">{{
            item.name
        }}</el-breadcrumb-item>
      </template>

    </el-breadcrumb>
  </div>
</template>

<style lang="less" scoped>
.breadClass {
  display: flex;
  align-items: center;
  justify-items: flex-end;

  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #333333;
  line-height: 18px;
}
</style>
